@charset "utf-8";
/* CSS Document */
/*set body and background*/
body {

		margin-bottom: 0px;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		background-color: #fff;
	}
div.main{
		width: 1024px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background-color:#CCC;
		height:auto;
}
/*set ให้เนื้อหาของ web(ให้อยู่ตรงกลาง)*/
div.middle{
width: 1000px;
height:100%;
background-color:#CFCFCF;
/* center align */
margin-top: 0px;
margin-left: auto;
margin-right: auto;
/* ----------- */
}
/*set head*/
div.header{
width: 1000px;
height:150px;
}
/*set manubar navigation*/
div.manubar{
width: 1000px;
height:34px;
margin-bottom:auto;
}

	/* horizontal navigation */
	div.top-nav{
		margin: 0px 0px 0px 0px;
		}

		div.top-nav ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

			div.top-nav ul li { float: left; }

				div.top-nav ul li a {
					text-align: center;
					font-weight: bold;
					display: block;
					width: 125px;
					padding-top: 10px;
					padding-bottom: 10px;
					text-decoration: none;
					color: #FFFFFF;
					}

					/* interactive navigation bar */
					div.top-nav ul li a:link{}
					div.top-nav ul li a:visited{}
					div.top-nav ul li a:active{}
					div.top-nav ul li a:hover{   
						color:#1C1C1C;
						background-image:url(../pic/navbar.4.jpg);
						}
						
						div.top-nav ul li a:hover span, div.top-nav  .current span{
							background:url(../pic/navbar.4.jpg) no-repeat top;
							height:34px;
							width:125px;
							display:block;
							float:left;						
							}
							
							div.top-nav  li .current{			
								display:block;
								float:left;
								height:34px;				
								background:url(../pic/navbar.4.jpg) repeat-x;
								color:#fff;		
								}


/*set body*/
div.body{
	background-color:#E8E8E8;
	width: 800px;
	height:750px;
	float:right;
}
/*set body*/
div.leftbody{
	background-color:#E8E8E8;
	width: 190px;
	height:750px;
	float:left;
	margin-right:10px;
}
/*set footbar*/
div.footbar{
width: 1000px;
height:100px;
}